﻿
@{
    ViewData["Title"] = "FoundationGridShow";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<body class="layui-padding-3">
    <div class="layui-row">
        <div class="layui-col-xs6 layui-col-md4">
            <input class="layui-input layui-input-inline" name="searchTree"
                   placeholder="请输入" style="margin-top:20px;margin-left:30px;width:300px">
            <div id="ID-tree-demo" style="margin-top:20px;margin-left:30px"></div>
        </div>
        <div class="layui-col-xs6" style="margin-top:20px">
            <tr>
                <td style="padding-bottom:20px">
                    <div class="layui-form layui-row">
                        <label class="layui-form-label" style="width:100px">网格名称：</label>
                        <div class="layui-col-md3" style="width:200px">
                            <input type="text" id="gridname" placeholder="请输入" class="layui-input">
                        </div>
                        <label class="layui-form-label" style="width:100px">所属区域：</label>
                        <div class="layui-col-md3" style="width:200px">
                            <input type="text" id="owningregion" placeholder="请输入" class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="padding-bottom:30px; padding-left:400px;width:100px">
                    <button type="button" class="layui-btn layui-btn-primary" id="searchBtn" style="background-color:#538EBB;color:aliceblue"> <i class="layui-icon"></i> 搜 索</button>
                    <button type="button" class="layui-btn" style="background-color:#EE9800;color:aliceblue"> <i class="layui-icon layui-icon-refresh" style="font-size: 20px; color: aliceblue;"> </i> 重置</button>
                </td>
            </tr><br />
            <div class="layui-inline" style="margin-top:50px">
                <button type="button" class="layui-btn layui-btn-primary " lay-on="test-page" onclick="onAddBtn()" style="background-color:#3BB19C;color:aliceblue"><i class="layui-icon layui-icon-addition" style="font-size: 20px; color: aliceblue;"></i> 新增</button>
            </div>
            <table id="ID-table-demo-setRowChecked"></table>
        </div>
    </div>
    <!--添加的弹出层-->
    <div id="add-main" style="display: none">
        <form class="layui-form" id="test" onsubmit="return false">
            
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:100px">网格编码:</label>
                <div class="layui-input-block">
                    <input type="text" name="grid_numbering" required lay-verify="required" placeholder="请输入标题" autocomplete="on" class="layui-input" id="grid_numbering" style="width:500px">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:100px">网格名称:</label>
                <div class="layui-input-block">
                    <input type="text" name="gridname" required lay-verify="required" placeholder="请输入标题" autocomplete="on" class="layui-input" id="gridname" style="width:500px">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:100px">所属区域:</label>
                <div class="layui-input-block">
                    <input type="text" name="owningregion" required lay-verify="required" placeholder="请输入标题" autocomplete="on" class="layui-input" id="owningregion" style="width:500px">
                </div>
            </div>
            <div class="layui-form-item" style="margin-left:20px">
                <label class="layui-form-label" style="width:70px">所属层级:</label>
                <div class="layui-input-block" style="width:500px">
                    <select id="value" name="subordinatelevel">
                        <option value="">请选择</option>
                        <option value="一级网格">一级网格</option>
                        <option value="二级网格">二级网格</option>
                        <option value="三级网格">三级网格</option>
                        <option value="四级网格">四级网格</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item" style="margin-top:15px;text-align:center">
                <button type="reset" class="layui-btn layui-btn-primary" lay-submit lay-filter="demo1">取消</button>
                <button class="layui-btn" lay-submit lay-filter="demo2">确定</button>
            </div>
        </form>
    </div>
</body>
<div>
    <script src="~/js/Grid/FoundationGridShow.js?BE=" +new Date()></script>
</div>
<script type="text/html" id="barDemo">
    <div class="layui-btn-container">
        <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
    </div>
</script>
